body,
html {
  font-size: 16px;
  min-width: $minWidth;
  @include respond-to(K4) {
    font-size: 16px * $scale4;
  }
  @include respond-to(K3) {
    font-size: 16px * $scale3;
  }
  @include respond-to(K2) {
    font-size: 16px * $scale2;
  }
  @include respond-to(h950) {
    font-size: 15px;
  }
  @include respond-to(lg) {
    font-size: 14px;
  }
  @include respond-to(md) {
    font-size: 12px;
  }
  @include respond-to(sm) {
    font-size: 11px;
  }
  @include respond-to(xsm) {
    font-size: 9px;
  }
}
* {
  box-sizing: border-box;
}
.flex {
  display: flex;
}
@keyframes run {
  0% {
    transform: translateX(toRem(-50));
  }
  100% {
    transform: translateX(toRem(50));
  }
}
@keyframes run2 {
  0% {
    transform: translateX(toRem(50));
  }
  100% {
    transform: translateX(toRem(-50));
  }
}

@keyframes dec1 {
  0% {
    transform: translateY(-5%);
  }
  100% {
    transform: translateY(5%);
  }
}
@keyframes dec2 {
  0% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(10%);
  }
}
